<template>
  <div class="tool-traffic">
    <h2 class="bar-title mb-10">
      <span class="text-gray-1000 font-semibold text-26">{{toolName}} {{$t('traffic')}}</span>
    </h2>
    <traffic :traffic="traffic"
      v-if="traffic && JSON.stringify(traffic)!=='{}' && traffic!==null"></traffic>
  </div>
</template>

<script>
export default {
  name: 'ToolDetailTraffic',
  props: {
    tool: {
      type: Object,
      default: function () {
        return {}
      },
    },
    traffic: {
      type: Object,
      default: function () {
        return {}
      },
    },
    toolName: {
      type: String,
      default: '',
    },
  },
}
</script>